<template>
    <div>
        <h2>子组件</h2>
        <hr>
        <input :value="modelValue" @input="e => emit('update:modelValue', e.target.value)">
        <hr>
        <input :value="abc" @input="e => emit('update:abc', +e.target.value)" type="number">

    </div>
</template>
<!-- 2346555555555555555555555513 -->
<script setup>
import { ref, reactive } from "vue"
const props = defineProps({
    modelValue: {
        type: String
    },
    abc: {
        type: Number
    }
})
const emit = defineEmits("update:modelValue", 'update:abc')
</script>

<style scoped></style>